<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>继承</title>
    <style>
        body{
            border: 1px solid red;
        }
        div.content {
            color: red;
            padding: 10px;
            /* border:1px solid rgb(60, 73, 131); */
            font-size:20px ;
            line-height: 1.5;
            font-family: '楷体';
            text-align: right;
            width: 600px;
            margin: 0 auto;
            border: inherit;
            cursor: grab;

        }
        p{
            border: inherit;
            width: 400px;
            /* 手动继承，只能继承父系元素的已有属性，不能直接继承祖先元素的属性 */
            margin:inherit;
            
        }
        /* ul :first-child{
            list-style: none;
        } */
        ul{
            list-style: none;
        }
    </style>
</head>

<body>
    <div class="content">
        我是属于div.content
        <p>
            继承（inheritance）是CSS里一个很重要的概念。当你为某个元素应用CSS属性时，这些属性不仅会影响该元素，还会影响其下的分支元素即后代元素。也就是说，这些下层的元素继承了其祖先元素的属性。只不过，它们继承的可不是冷冰冰的钞票，而是颜色、字体大小这样的东西。
        </p>
    </div>
    <div>
        <p>
            继承（inheritance）是CSS里一个很重要的概念。当你为某个元素应用CSS属性时，这些属性不仅会影响该元素，还会影响其下的分支元素即后代元素。也就是说，这些下层的元素继承了其祖先元素的属性。只不过，它们继承的可不是冷冰冰的钞票，而是颜色、字体大小这样的东西。
        </p>
    </div>
    <ul>
        <li>项目1</li>
        <li>项目2</li>
        <li>项目3</li>
    </ul>
</body>

</html>